<?php

require_once ('Admin/View/template/inc_admin.php');

?>
<div class="container" >
    <header class="clearfix" style="position: relative; left: 32px;">
        <h1 style="position: relative;left:30%;color:#47a3da ;font-family: 微软雅黑">欢迎来到oexam在线考试系统</h1>
    </header>
    <div class="main">
        <section style="margin-left: 50px">
            <button id="showLeft" style="font-family: 微软雅黑;font-size: 20px">试题分类</button>
            <button id="showRight" style="font-family: 微软雅黑;font-size: 20px">试卷管理</button>
            <button id="showTop" style="font-family: 微软雅黑;font-size: 20px"> 试题管理</button>
            <button id="showBottom" style="font-family: 微软雅黑;font-size: 20px">学生管理</button>
        </section>
    </div>
</div>
<div style="position: relative;left: 60%;top: -400px;">
    <img src="assets/img/试题1.png" width="240px" height="240px" alt="">
    <br>
    <a href="admin.php?c=painfo&m=painfolist" style="position: relative;left:60px;top:20px; color: #47a3da; font-family: 微软雅黑;font-size: 30px">选择试卷</a>
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="assets/js/classie.js"></script>
<script>
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
        menuRight = document.getElementById( 'cbp-spmenu-s2' ),
        menuTop = document.getElementById( 'cbp-spmenu-s3' ),
        menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
        showLeft = document.getElementById( 'showLeft' ),
        showRight = document.getElementById( 'showRight' ),
        showTop = document.getElementById( 'showTop' ),
        showBottom = document.getElementById( 'showBottom' ),
        body = document.body;

    showLeft.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuLeft, 'cbp-spmenu-open' );
        disableOther( 'showLeft' );
    };
    showRight.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuRight, 'cbp-spmenu-open' );
        disableOther( 'showRight' );
    };
    showTop.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuTop, 'cbp-spmenu-open' );
        disableOther( 'showTop' );
    };
    showBottom.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuBottom, 'cbp-spmenu-open' );
        disableOther( 'showBottom' );
    };
    function disableOther( button ) {
        if( button !== 'showLeft' ) {
            classie.toggle( showLeft, 'disabled' );
        }
        if( button !== 'showRight' ) {
            classie.toggle( showRight, 'disabled' );
        }
        if( button !== 'showTop' ) {
            classie.toggle( showTop, 'disabled' );
        }
        if( button !== 'showBottom' ) {
            classie.toggle( showBottom, 'disabled' );
        }
    }
</script>
</body>
</html>



